import React from "react";
import { LeftOutline,RightOutline } from 'antd-mobile-icons'
import {  Switch } from 'antd-mobile'
import { useNavigate } from "react-router-dom";
const Lserity = ()=>{
    const navigate = useNavigate()
    return(
        <div  className="lourselfBox">
            <div>
                <h3 className="lourselfHead"><LeftOutline onClick={()=>{
                    navigate('/tar/lmy')
                }} />
                &nbsp;
                安全设置</h3>
            </div>
            {/* 记住密码 */}
            <div className="LnotifyArr">
                <div className="LnotifyP">
                    <p>记住密码</p>
                </div>
                <div>
                     <Switch
                    defaultChecked
                    style={{
                        '--checked-color': '#7210FF',
                        '--height': '36px',
                        '--width': '60px',
                    }}
                    />
                </div>
            </div>
            {/* 面部识别 */}
            <div className="LnotifyArr">
                <div className="LnotifyP">
                    <p>面部识别</p>
                </div>
                <div>
                     <Switch
                    defaultChecked={false}
                    style={{
                        '--checked-color': '#7210FF',
                        '--height': '36px',
                        '--width': '60px',
                    }}
                    />
                </div>
            </div>
            {/* 指纹识别 */}
            <div className="LnotifyArr">
                <div className="LnotifyP">
                    <p>指纹识别</p>
                </div>
                <div>
                     <Switch
                    defaultChecked
                    style={{
                        '--checked-color': '#7210FF',
                        '--height': '36px',
                        '--width': '60px',
                    }}
                    />
                </div>
            </div>
            {/* 绑定维修 */}
            <div className="LnotifyArr">
                <div className="LnotifyP">
                    <p>绑定维修</p>
                </div>
                <div>
                   <RightOutline className="lserityR"/>
                </div>
            </div>
            <div>
                    <button className="lserityButton" onClick={()=>{
                    }}>更换PIN</button>
                </div>
                <div>
                    <button className="lserityButton" onClick={()=>{
                        navigate('/lchangemi')
                    }}>更换密码</button>
                </div>
        </div>
    )
}

export default Lserity
